<template>
  <div style="height: 100%; width: 100%; position: relative">
      <div class="pagetop" style="height: 95px">
          <div style="width: 100%">
              <div style="float: left; width: 100%">
                  <table class="table2style" border="0" style="font-size: 12px; margin-left: 30px">
                      <tr>
                          <td align="right">条形码</td>
                          <td>
                              <el-input v-model="inputbarcode" size="small" :disabled="allowflag" style="width: 200px" @keyup.enter.native="QueryMainthen()" ref="inputbarcode"></el-input>
                          </td>
                          <td align="right">入库日期</td>
                          <td>
                              <el-date-picker v-model="indatetime" type="date" :clearable="false" disabled placeholder="入库日期" value-format="yyyy-MM-dd" style="width: 120px"></el-date-picker>
                          </td>
                      </tr>
                      <tr>
                          <td align="right">检验组</td>
                          <td>
                              <el-input size="small" style="width: 200px" v-model="groupname" disabled></el-input>
                          </td>
                          <td align="right">下一个库位号</td>
                          <td>
                              <el-input size="small" style="width: 120px" v-model="nextlibno"></el-input>
                          </td>
                          <td align="right">号段</td>
                          <td>
                              <!-- <el-select v-model="periodno" @change="periodnoChange" clearable style="width:120px">
                                  <el-option key="MY" label="MY" value="MY"></el-option>
                                  <el-option key="MJ" label="MJ" value="MJ"></el-option>
                                  <el-option key="MH" label="MH" value="MH"></el-option>
                              </el-select> -->
                              <el-select style="width: 160px" v-model="periodno" @change="periodnoChange">
                                  <el-option v-for="item in periodnooptions" :key="item" :value="item" :label="item"></el-option>
                              </el-select>
                          </td>
                          <td>
                              <el-button @click="btnundo" class="el-icon-refresh-left">撤销</el-button>
                          </td>
                      </tr>
                  </table>
              </div>
          </div>
      </div>
      <div class="pagecenter">
          <rm-layout-right splitcolor="#ffffff" :splitwidth="3" :fixsize="330" :minfixsize="100" ref="layoutright">
              <div style="height: 100%">
                  <vxe-table ref="LTable" :data.sync="tableData" :loading="sampleLoading" border height="auto" size="mini" stripe highlight-current-row highlight-hover-column show-header-overflow resizable show-overflow header-align="center" :optimization="{ animat: false }" @current-change="currentChangeEvent" :sort-config="{ trigger: 'cell' }">
                      <vxe-table-column type="index" title="序号" width="40" align="center" sortable></vxe-table-column>
                      <vxe-table-column field="barcode" title="条码号" width="150" sortable></vxe-table-column>、
                      <vxe-table-column field="workid" title="库位号" width="100" sortable></vxe-table-column>
                      <vxe-table-column field="inlibtime" title="入库日期" width="120px"></vxe-table-column>
                      <vxe-table-column field="pat_name" title="病人姓名" width="80" align="center" sortable></vxe-table-column>
                      <vxe-table-column field="sample_items" title="申请项目" width="260px" sortable></vxe-table-column>
                      <vxe-table-column field="req_groupna" title="分单类型" width="100" sortable></vxe-table-column>
                      <vxe-table-column field="specimen_name" title="标本类型" width="100" sortable></vxe-table-column>
                      <vxe-table-column field="req_deptname" title="申请科室" width="100" sortable></vxe-table-column>
                      <vxe-table-column field="pat_sexname" title="性别" width="50" align="center" sortable></vxe-table-column>
                      <vxe-table-column field="pat_birth" title="病人生日" width="100px"></vxe-table-column>
                      <vxe-table-column field="req_bedno" title="床号" width="40" sortable></vxe-table-column>
                      <vxe-table-column field="emer_flag" title="加急" width="40px" align="center" sortable>
                          <template v-slot="{ row }">
                              <span style="color: red" v-if="row.emer_flag == '1'">急</span>
                              <span v-else></span>
                          </template>
                      </vxe-table-column>
                      <vxe-table-column field="pat_no" title="病历号" width="100" sortable></vxe-table-column>
                      <vxe-table-column field="pat_typename" title="病人来源" width="50" sortable></vxe-table-column>
                      <vxe-table-column field="req_docname" title="申请医生" width="100" sortable></vxe-table-column>
                      <vxe-table-column field="req_dt" title="申请时间" width="120" sortable></vxe-table-column>
                      <vxe-table-column field="create_dt" title="创建时间" width="120px" align="center" sortable></vxe-table-column>
                      <vxe-table-column field="create_username" title="创建人" width="60px" align="center" sortable></vxe-table-column>
                      <vxe-table-column field="sampled_dt" title="采样时间" width="120px" align="center"></vxe-table-column>
                      <vxe-table-column field="sampled_username" title="采样人" width="60px" align="center" :formatter="formatFun"></vxe-table-column>
                      <vxe-table-column field="pat_diag" title="临床诊断" width="100px"></vxe-table-column>
                      <vxe-table-column field="send_dt" title="送出时间" width="100px"></vxe-table-column>
                      <vxe-table-column field="send_username" title="送出人" width="100px" :formatter="formatFun"></vxe-table-column>
                      <vxe-table-column field="recieve_dt" title="接收时间" width="120px" align="center"></vxe-table-column>
                      <vxe-table-column field="recieve_user" title="接收人" width="100px" align="center" :formatter="formatFun"></vxe-table-column>

                      <vxe-table-column field="perform_deptname" title="执行科室" width="100px"></vxe-table-column>
                      <vxe-table-column field="req_wardno" align="center" title="病区代码" width="120" show-overflow></vxe-table-column>

                      <vxe-table-column field="recieve1_dt" title="工作组接收时间" width="100px"></vxe-table-column>
                      <vxe-table-column field="recieve1_username" title="工作组接收用户" width="100px"></vxe-table-column>
                  </vxe-table>
              </div>
              <template v-slot:fix>
                  <div style="height: 100%">
                      <vxe-table ref="rTable" :data.sync="tableDatarpt" :loading="itemLoading" :select-config="{ reserve: true }" :sort-config="{ trigger: 'cell' }" border height="auto" how-header-overflow header-align="center" resizable show-overflow size="mini" stripe show-header-overflow :row-class-name="getRowClassName">
                          <div class="table-content">
                              <vxe-table-column field="rpt_itemname" title="报告项目名称" width="160" sortable></vxe-table-column>
                              <vxe-table-column field="rpt_itemcode" title="报告项目代码" width="100" sortable></vxe-table-column>
                              <vxe-table-column field="itemcode_en" title="英文缩写" width="80" sortable></vxe-table-column>
                          </div>
                      </vxe-table>
                  </div>
              </template>
          </rm-layout-right>
      </div>
  </div>
</template>

<script>
import XEUtils from "xe-utils";
import RmExcolsetting from "@/components/rmcompents/rm_excolsetting.vue";
export default {
  name: "LIS350",
  components: { RmExcolsetting },
  data() {
      var self = this;
      return {
          allowflag: false,
          inputbarcode: "", //条形码
          barcodes: "",
          indatetime: "", //入库日期
          groupname: "", //检验组
          nextlibno: "", //下一个库位号
          periodno: "", //号段
          periodnooptions: [],
          userno: this.$tool.getSession(this.$tool.loginuserno),
          labgroupid: "",
          tableData: [],
          tableDatarpt: [],
          reqstatOption: [],
          userOption: [],
          hospOption: [],
          labgroupOption: [],
          reqstatOptiontable: [],
          selrow: {},

          rptStyleSettingState: false,
          rptunitid: "", // 报告单元
          emerflag: "", // 急诊标志
          req_deptno: "", // 申请科室
          rptunitidlist: "", // 报告单元多选
          sample_startdt: XEUtils.toDateString(new Date(), "yyyy-MM-dd"),
          sample_enddt: XEUtils.toDateString(new Date(), "yyyy-MM-dd"),
          specimen_code: "", // 标本类型
          pat_typecode: "", // 病人来源
          req_wardno: "", // 病区
          sampleno: "", // 标本号
          reportState: "1",
          printNum: 1, // 打印份数，与查询无关
          filterState: false,
          samplePickerOptions: {
              shortcuts: [
                  {
                      text: "今天",
                      onClick(picker) {
                          picker.$emit("pick", new Date());
                          self.sample_startdt = new Date();
                          self.sample_enddt = new Date();
                      },
                  },
              ],
          },
          pat_typecodeList: [], // 病人来源列表
          no_fliter_sampleData: [], // 过滤后包含所有检验项目的数据
          new_sampleData: [], // 过滤后仅包含过滤检验项目的数据
          sampleData: [],
          sampleLoading: false,
          selectRow: {}, // 当前选中行
          rpt_itemcodeList: [], // 需要过滤的检验项目数组
          rpt_itemnameList: [],
          reqitem: "",
          fitemList: [],
          itemList: [],
          itemLoading: false,
          sampleNum: 0, // 标本合计
          filterNum: 0, // 过滤合计
          excolPro: "lis343",
          chooseColumndialogVisible: false,
          allTableCol: [],
          rptItemstyle: "",
      };
  },
  created() {
      this.InitPageData();
      this.initformatOption();
     
  },
  mounted() {
     if (this.timer2) {
          clearInterval(this.timer2);
      } else {
          this.timer2 = setInterval(() => {
              var nowdata = this.$pub.InitDate();
              if(nowdata != this.indatetime)
              this.indatetime = nowdata;
          }, 600000);
      }
  },
  watch: {
      rptunitidlist(val, newval) {
          this.rptunitid = "";
      },
  },
  methods: {
      InitPageData() {
          this.QueryTime();
      },

      QueryTime() {
          this.$tool
              .request({
                  url: "LIS/LIS3/LIS350",
                  method: "post",
                  data: {
                      action: "InitData",
                      userno: this.$tool.getSession(this.$tool.loginuserno),
                      idhead: this.periodno,
                  },
              })
              .then((res) => {
                  if (res.errcode == "0") {
                      this.allowflag = true;
                      this.$alert(res.errmsg, "提示");
                      return false;
                  } else {
                      this.indatetime = XEUtils.clone(res.now, true);
                      this.groupname = XEUtils.clone(res.groupname, true);
                      this.nextlibno = XEUtils.clone(res.nextlibno, true);
                      this.labgroupid = XEUtils.clone(res.labgroupid, true);
                      this.periodnooptions = res.libnoheads;
                      this.periodno = this.periodnooptions[0];
                  }
              })
              .catch((err) => {});
      },
      QueryMainthen() {
          if (!this.inputbarcode) {
              this.$alert("请输入条形码", "提示");
              return false;
          }
          this.allowflag = true;
          this.QueryMain()
              .then(() => {
                  if (this.inputbarcode.length > 0) {
                      this.$refs.inputbarcode.select();
                  }
                  if (this.tableData.length > 0) {
                      this.$nextTick(() => {
                          this.$refs.LTable.setCurrentRow(this.tableData[0]);
                          this.selrow = this.tableData[0];
                          this.QueryReq(this.tableData[0].barcode);
                      });
                  } else {
                      this.tableDatarpt = [];
                  }
                  this.allowflag = false;
              })
              .catch(() => {
                  this.tableDatarpt = [];
                  this.allowflag = false;
              });
      },
      QueryMain() {
          var _this = this;
          return new Promise((s, f) => {
              _this.loading = true;
              _this.$tool
                  .request({
                      url: "LIS/LIS3/LIS350",
                      method: "post",
                      data: {
                          action: "query",
                          barcode: _this.inputbarcode,
                          nextlibno: _this.nextlibno,
                          idhead: _this.periodno,
                          userno: this.userno,
                          labgroupid: this.labgroupid,
                          barcodes: this.barcodes,
                      },
                  })
                  .then((res) => {
                      if (res.errcode == "1") {
                          _this.tableData = res.RData.Data;
                          _this.nextlibno = res.nextlibno;
                          _this.barcodes = res.barcodes;
                      } else {
                          _this.$message.error(res.errmsg, "提示");
                      }
                      _this.loading = false;
                      _this.allowflag = false;
                      s();
                  })
                  .catch((err) => {
                      _this.loading = false;
                      _this.allowflag = false;
                      f();
                  });
          });
      },

      QueryReq(barcode) {
          this.itemLoading = true;
          this.$tool
              .request({
                  url: "LIS/LIS3/LIS350",
                  method: "post",
                  data: {
                      action: "queryrptitem",
                      barcode: barcode,
                  },
              })
              .then((res) => {
                  this.tableDatarpt = res.Data;
                  this.itemLoading = false;
              })
              .catch((err) => {
                  this.itemLoading = false;
              });
      },
      periodnoChange() {
          this.$tool
              .request({
                  url: "LIS/LIS3/LIS350",
                  method: "post",
                  data: {
                      action: "InitData",
                      userno: this.userno,
                      idhead: this.periodno,
                  },
              })
              .then((res) => {
                  if (res) {
                      this.nextlibno = XEUtils.clone(res.nextlibno, true);
                  }
                  this.tableData = [];
                  this.tableDatarpt = [];
              });
      },
      async initformatOption() {
          try {
              const res = await this.$tool.request({
                  url: "LIS/LIS6/LIS610",
                  method: "post",
                  data: {
                      action: "initOption",
                  },
              });
              this.userOption = res.userOption;
              this.hospOption = res.hospOption;
              this.labgroupOption = res.labgroupOption;
          } catch (e) {
              this.$message.warning(e);
          }
      },
      formatFun({ cellValue, column, row }) {
          if (["create_user", "print_user", "sampled_user", "recieve_user", "send_user", "charge_user", "test_user", "send_user1", "cancel_user", "discard_user", "reject_user"].includes(column.property)) {
              try {
                  let username = this.userOption.find((m) => m.data == cellValue);
                  if (username != undefined && username != null) {
                      return username.display;
                  } else {
                      return cellValue;
                  }
              } catch {}
          } else if (["hospcode", "pat_hospcode"].includes(column.property)) {
              try {
                  let hospname = this.hospOption.find((m) => m.data == cellValue);
                  if (hospname != undefined && hospname != null) {
                      return hospname.display;
                  } else {
                      return cellValue;
                  }
              } catch {}
          }
      },
      format({ row, column, cellValue }) {
          if (column.property == "charge_flag") {
              if (cellValue == "0") {
                  return "未计价";
              } else if (cellValue == "1") {
                  return "已计价";
              } else if (cellValue == "8") {
                  return "等待退费";
              } else if (cellValue == "9") {
                  return "已退费";
              } else if (cellValue == "5") {
                  return "免费";
              } else {
                  return "";
              }
          } else if (column.property == "reqtype") {
              if (cellValue == "C") {
                  return "检验";
              } else {
                  return "输血";
              }
          } else if (column.property == "emer_flag") {
              if (cellValue == "1") {
                  return "急";
              } else {
                  return "";
              }
          }
      },
      querylist(notbarcode) {
          this.$tool
              .request({
                  url: "LIS/LIS3/LIS350",
                  method: "post",
                  data: {
                      action: "querylist",
                      barcode: this.inputbarcode,
                      nextlibno: this.nextlibno,
                      idhead: this.periodno,
                      userno: this.userno,
                      labgroupid: this.labgroupid,
                      barcodes: this.barcodes,
                      notbarcode: notbarcode,
                  },
              })
              .then((res) => {
                  if (res.errcode == "1") {
                      this.tableData = res.RData.Data;
                      this.nextlibno = res.nextlibno;
                      this.barcodes = res.barcodes;
                      if (this.tableData.length > 0) {
                          this.$nextTick(() => {
                              this.$refs.LTable.setCurrentRow(this.tableData[0]);
                              this.selrow = this.tableData[0];
                              this.QueryReq(this.tableData[0].barcode);
                          });
                      } else {
                          this.tableDatarpt = [];
                      }
                  } else {
                      this.$alert(res.errmsg, "提示");
                  }
                  this.loading = false;
                  this.allowflag = false;
              })
              .catch((err) => {
                  this.loading = false;
                  this.allowflag = false;
              });
      },
      btnundo() {
          this.selrow = this.$refs.LTable.getCurrentRow();
          if (!this.selrow) {
              this.$alert("请选择要撤销的条码", "提示");
              return false;
          }
          this.$confirm('确定要撤销条形码<b style="color:red">' + this.selrow.barcode + "</b>吗？", "提示", {
              confirmButtonText: "确定",
              cancelButtonText: "取消",
              dangerouslyUseHTMLString: true,
              type: "warning",
          })
              .then(() => {
                  this.$tool
                      .request({
                          url: "LIS/LIS3/LIS350",
                          method: "post",
                          data: {
                              action: "queryundo",
                              barcode: this.selrow.barcode,
                          },
                      })
                      .then((res) => {
                          if (res.errcode == "1") {
                              this.$alert("撤销成功", "提示");
                              this.querylist(this.selrow.barcode);
                          } else {
                              this.$alert(res.errmsg, "提示");
                          }
                      })
                      .catch((err) => {});
              })
              .catch((e) => {
                  this.$message({
                      type: "info",
                      message: "已取消撤销",
                  });
              });
      },
      sexFormat({ cellValue }) {
          if (cellValue == "All") {
              return "所有";
          } else if (cellValue == "1") {
              return "男";
          } else if (cellValue == "2") {
                  return "女";
          } else {
              return "";
          }
      },
      getRowClassName({ row, rowIndex }) {
          if (this.rpt_itemcodeList.indexOf(row.rpt_itemcode) != -1) {
              return "rm-choose"; //选中
          }
      },
      currentChangeEvent({ row, rowIndex, column, columnIndex }, event) {
          this.selrow = row;
          this.QueryReq(this.selrow.barcode);
      },
      // 打印样式设计
      rptStyleSetting() {
          this.listPrint("setting");
      },
      listPrint(oper) {
          // 打印
          let column = this.$refs.xTable1.getTableColumn().tableColumn;
          let str = JSON.stringify(this.$pub.InitColumn(column, "序号,seq"));
          str += "\r";
          this.$refs.xTable1.afterFullData.forEach((e, i) => (e.seq = i + 1));
          str += JSON.stringify(this.$refs.xTable1.afterFullData);
          let sql = btoa(encodeURIComponent(str));
          if (oper == "print") {
              jsObj.PrintCustomJsonReport(this.rptItemstyle, sql, this.userno, "检验项目总汇表清单样式", "");
          } else {
              jsObj.SetCustomJsonPrintConfig(this.rptItemstyle, sql, this.userno, "检验项目总汇表清单样式");
          }
      },
      filterReport() {
          var that = this;
          if (that.rpt_itemnameList.length == 0) {
              that.sampleData = XEUtils.clone(that.sampleDataCopy, true);
              that.filterNum = that.sampleData.length;
              return;
          }
          that.no_fliter_sampleData = [];
          that.new_sampleData = [];
          that.sampleDataCopy.forEach((element) => {
              var cp_itemnames = element.cp_itemnames;
              that.filterJudge(cp_itemnames, element);
          });
          if (that.filterState) {
              that.sampleData = that.new_sampleData;
          } else {
              that.sampleData = that.no_fliter_sampleData;
          }
          // that.sampleData = that.no_fliter_sampleData;
          that.filterNum = that.sampleData.length;
      },
      // 过滤方法判断处理
      filterJudge(itemnames, element) {
          var that = this;
          if (itemnames) {
              // if (cp_itemnames && cp_itemnames.indexOf(",") == -1) {
              let cp_itemnames = itemnames + ",";
              var new_cp_itemnames = "";
              that.rpt_itemnameList.forEach((item) => {
                  let i = item + ",";
                  if (cp_itemnames.indexOf(i) != -1) {
                      new_cp_itemnames += i;
                  }
              });
              if (new_cp_itemnames) {
                  that.no_fliter_sampleData.push(element);
                  var new_element = XEUtils.clone(element, true);
                  new_element.cp_itemnames = new_cp_itemnames.slice(0, new_cp_itemnames.length - 1);
                  that.new_sampleData.push(new_element);
              }
              // }
              // if (cp_itemnames.indexOf(",") != -1) {
              //     var item_list = cp_itemnames.split(",");
              //     var new_cp_itemnames = "";
              //     that.rpt_itemnameList.forEach(i => {
              //         item_list.forEach(c => {
              //             if (i.trim() == c.trim()) {
              //                 new_cp_itemnames += i + ",";
              //             }
              //         });
              //     });
              //     if (new_cp_itemnames) {
              //         that.no_fliter_sampleData.push(element);
              //         var new_element = XEUtils.clone(element, true);
              //         new_element.cp_itemnames = new_cp_itemnames.slice(0, new_cp_itemnames.length - 1);
              //         that.new_sampleData.push(new_element);
              //     }
              // }
          }
      },
  },
};
</script>

<style scoped>
.pagetop {
  left: 0;
  right: 0;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  border: solid 1px #ccc;
  position: absolute;
  z-index: 99;
  height: 130px;
  overflow-x: auto;
  overflow-x: overlay;
}
::-webkit-scrollbar {
  width: 0px;
  height: 5px;
  border: 4px solid white;
}
::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
}
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
/* Buttons */
::-webkit-scrollbar-button:single-button {
  background-color: #bbbbbb;
  display: block;
  border-style: solid;
  height: 5px;
  width: 5px;
}
/* Left */
::-webkit-scrollbar-button:horizontal:decrement {
  margin-right: 2px;
  border-width: 4px 4px 4px 0;
  border-color: #f1f1f1 transparent #f1f1f1 #f1f1f1;
  background-color: #000000;
}
::-webkit-scrollbar-button:horizontal:decrement:hover {
  border-color: #d2d2d2 transparent #d2d2d2 #d2d2d2;
}
/* Right */
::-webkit-scrollbar-button:horizontal:increment {
  margin-left: 2px;
  border-width: 4px 0 4px 4px;
  border-color: #f1f1f1 #f1f1f1 #f1f1f1 transparent;
  background-color: #000000;
}
::-webkit-scrollbar-button:horizontal:increment:hover {
  border-color: #d2d2d2 #d2d2d2 #d2d2d2 transparent;
}
.pagetop .el-radio {
  color: #000000 !important;
}
/deep/ .pagetop .el-checkbox__label {
  font-size: 12px;
  color: #000000;
  padding-left: 5px !important;
}
.operation-list {
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
}
.pagecenter {
  position: absolute;
  top: 100px;
  bottom: 0px;
  overflow: auto;
  width: 100%;
  left: 0px;
}
.middle-center {
  position: absolute;
  width: 79.5%;
  height: 100%;
  right: 575px;
  left: 0px;
  overflow: auto;
}
.middle-right {
  position: absolute;
  top: 0;
  bottom: 0px;
  /* overflow: visible; */
  width: 20%;
  height: 100%;
  right: 0px;
}
.right-inser {
  position: absolute;
  top: 0;
  bottom: 0px;
  /* overflow: visible; */
  width: 100%;
  height: 100%;
  right: 0px;
}
.middle-tab-top {
  width: 100%;
  height: calc(100% - 31px);
  margin-top: 5px;
  border: 1px solid #cccccc;
}
.table-content {
  height: calc(100% - 50px);
}
.middle-tab-note {
  /* position: absolute; */
  display: flex;
  margin: 5px 10px;
}
.middle-tab-note button {
  margin-top: 5px;
  margin-right: 10px;
  height: 25px;
}
.middle-tab-note div span {
  font-size: 12px;
  display: block;
}
/deep/.middle-tab-top .vxe-table {
  height: calc(100% - 50px) !important;
}
/deep/.middle-tab-top .vxe-table--body-wrapper {
  height: calc(100% - 28px) !important;
}
table {
  font-size: 12px;
  border-collapse: separate;
  border-spacing: 5px;
}
/deep/.el-checkbox__inner::after {
  border: 2px solid #000000 !important;
  box-sizing: content-box;
  content: "";
  border-left: 0 !important;
  border-top: 0 !important;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}
/deep/.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #000000;
  cursor: not-allowed;
}
/deep/ .el-checkbox__input.is-disabled .el-checkbox__inner,
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner + .el-input.is-disabled .el-input__inner {
  background-color: #ffffff !important;
}
/deep/.el-input--suffix .el-input__inner {
  padding-right: 5px;
}
/deep/.el-button + .el-button {
  margin-left: 5px;
}
table tr td[data-v-cf2d51fc]:nth-child(1) {
  width: 60px !important;
}
/deep/.middle-tab-top tbody {
  padding-bottom: 100px;
}
/deep/.rm-choose {
  background-color: #b6e8ff !important;
}
.table2style tr td {
  padding: 0px 2px 0px 2px;
}
</style>